<template>
  <div style="color: #666;font-size: 14px;">
    <div style="padding-bottom: 20px">
      <b>欢迎你！{{ user.name }}</b>
    </div>
    <el-card>
      河北工程技术学院点餐系统
      <el-divider />
      作者：曹怀金&&王艺霖<br><br>
      神话和传说的魔力在我们这一代成真。只要在键盘上敲下正确的咒语，显示屏就像是活了过来，里面都是以前不可能存在或发生的事情<br><br>

      代码要精简，视代码如诗词，勿要做无所谓的堆砌。

    </el-card>
    <div style="height: 1px; background: #ddd; margin: 20px 0"/>

    <el-row :gutter="30">
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 20px">码云gitee源码地址
          <div class="m-10">
            <el-button type="primary"><i class="el-icon-link"></i> <a style="color: #fff" href="https://gitee.com/wang_yy01/hg-order.git">Gitee源码</a></el-button>
          </div>
        </div>
        <div>
          代码简单，结构清晰，如果你是小白，一定不要错过<br><br>
          假如生活欺骗了你，找50个程序员问问为什么编程；<br><br>假如生活让你想死，找50个程序员问问BUG改完了没有；<br><br>假如你觉得生活拮据，找50个程序员问问工资涨了没有；<br><br>假如你觉得活着无聊，找50个程序员问问他们一天都干了什么！
        </div>
<!--        <div style="float: left;margin-left: 60px">
&lt;!&ndash;          <img style="height: 200px;width: 200px" src="@/assets/chj.jpg">
          <img style="height: 200px;width: 200px;margin-left: 30px" src="@/assets/chj.jpg">&ndash;&gt;
        </div>-->


      </el-col>
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 20px">技术栈</div>
        <el-row>
          <el-col :span="12" style="line-height: 30px">
            <div><b>后端</b></div>
            <div>Spring</div>
            <div>SpringMVC</div>
            <div>Hutool</div>
            <div>Poi</div>
            <div>Lombok</div>
            <div>Mybatis/Mybatis-plus</div>
          </el-col>
          <el-col :span="12" style="line-height: 30px">
            <b>前端</b>
            <div>Vue2</div>
            <div>Vue-Router</div>
            <div>VueX</div>
            <div>ElementUI</div>
            <div>Axios</div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>

  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      user: localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {}
    }
  }
}
</script>

<style scoped>

</style>